<template>
  <div>
    <!-- 固定在页面顶部；设置 left 或 right slot -->
    <mt-header title="标题过长会隐藏后面的内容啊哈哈哈哈">
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right"></mt-button>
    </mt-header>

    <!-- <mt-search v-model="value">
      <mt-cell
        v-for="(item, index) in result"
        :key="index"
        :title="item.title"
        :value="item.value"
        @click.native="cellCli(index)">
      </mt-cell>
    </mt-search> -->

    <input type="search" id="site-search" name="q"
       aria-label="Search through site content">

    <!-- mint-ui的自带图标 -->
    <i class="mintui mintui-search"></i>
    <i class="mintui mintui-more"></i>
    <i class="mintui mintui-back"></i>
    <i class="mintui mintui-field-error"></i>
    <i class="mintui mintui-field-warning"></i>
    <i class="mintui mintui-field-success"></i>
    <i class="mintui mintui-success"></i>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: '',
      result: [{
        id: '1',
        value: 'apple'
      }, {
        id: '2',
        value: 'lisi',
        title: 'lisi'
      }, {
        id: '3',
        value: 'wanwu',
        title: 'wanwu'
      }, {
        id: '4',
        value: 'banana',
        title: 'banana'
      }]
    }
  },
  created () {},
  methods: {
    cellCli (index) {
      console.log(index)
    }
  }

}
</script>
